
<!doctype>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>一码通网上商城</title>
<meta name="keywords" content="一码通网上商城" />
<meta name="description" content="一码通网上商城" />
<style type="text/css">
body {
_behavior: url(http://beian.80wlkj.com/shop/templates/default/css/csshover.htc);
}
.nc-appbar-tabs a.compare { display: none !important;}
</style>
<link rel="stylesheet" href="../css/reset.css">
<link rel="stylesheet" href="../css/common.css">
<link href="http://beian.80wlkj.com/shop/templates/default/css/base.css" rel="stylesheet" type="text/css">
<link href="http://beian.80wlkj.com/shop/templates/default/css/home_cart.css" rel="stylesheet" type="text/css">
<link href="http://beian.80wlkj.com/shop/resource/font/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<link href="http://beian.80wlkj.com/shop/templates/default/css/home_header.css" rel="stylesheet" type="text/css">

<!--[if IE 7]>
  <link rel="stylesheet" href="http://beian.80wlkj.com/shop/resource/font/font-awesome/css/font-awesome-ie7.min.css">
<![endif]-->
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript" src="../js/storage.js"></script>
<script src="http://beian.80wlkj.com/data/resource/js/jquery.js"></script>
<script src="http://beian.80wlkj.com/data/resource/js/common.js"></script>
<script src="http://beian.80wlkj.com/data/resource/js/jquery-ui/jquery.ui.js"></script>
<script src="http://beian.80wlkj.com/data/resource/js/jquery.validation.min.js"></script>
<script src="http://beian.80wlkj.com/data/resource/js/jquery.poshytip.min.js"></script>
<script type="text/javascript" src="http://beian.80wlkj.com/data/resource/js/dialog/dialog.js" id="dialog_js" charset="utf-8"></script>
<script src="http://beian.80wlkj.com/data/resource/js/goods_cart.js"></script>

<!--[if lt IE 9]>
      <script src="http://beian.80wlkj.com/data/resource/js/html5shiv.js"></script>
      <script src="http://beian.80wlkj.com/data/resource/js/respond.min.js"></script>
<![endif]-->
<!--[if IE 6]>
<script src="http://beian.80wlkj.com/data/resource/js/IE6_PNG.js"></script>
<script>
DD_belatedPNG.fix('.pngFix');
</script>
<script>
// <![CDATA[
if((window.navigator.appName.toUpperCase().indexOf("MICROSOFT")>=0)&&(document.execCommand))
try{
document.execCommand("BackgroundImageCache", false, true);
   }
catch(e){}
// ]]>
</script>
<![endif]-->
</head>
<body>
<div class="public-top-layout w">
<div class="topbar wrapper">
<div class="user-entry">
您好 <span>
<span id="username"></span>
</span> ，欢迎来到 <a href="" title="首页" alt="首页"><span>一码通网上商城</span></a><span><span id="loginIn">[登录]</span> </span><span><span id="register">[注册]</span> </span> <span><span id="loginOut">[退出]</span> </span>
</div>
<div class="quick-menu">
<dl>
<dt><a href="http://beian.80wlkj.com/shop/index.php?act=show_joinin&op=index" title="免费开店">免费开店</a><i></i></dt>
<dd>
<ul>
<li><a href="http://beian.80wlkj.com/shop/index.php?act=show_joinin&op=index" title="招商入驻">招商入驻</a></li>
<li><a href="http://beian.80wlkj.com/shop/index.php?act=seller_login&op=show_login" target="_blank" title="登录商家管理中心">商家登录</a></li>
</ul>
</dd>
 </dl>
<dl>
<dt><a href="../view/orderList.html?act=member_order">我的订单</a><i></i></dt>
<dd>
<ul>
<li><a href="../view/orderList.html?act=member_order&state_type=state_new">待付款订单</a></li>
<li><a href="../view/orderList.html?act=member_order&state_type=state_send">待确认收货</a></li>
<li><a href="../view/orderList.html?act=member_order&state_type=state_noeval">待评价交易</a></li>
</ul>
</dd>
</dl>
</div>
</div>
</div>

<div class="header-wrap">
<header class="public-head-layout wrapper" style="width:1000px;">
<h1 class="site-logo">
	<a href="" style="display:block;width:60%;margin:0 auto;"><img src="../imgs/index/logo.png" class="pngFix"></a>
</h1>
<ul class="ncc-flow">
<li class=""><i class="step1"></i>
<p>我的购物车</p>
<sub></sub>
<div class="hr"></div>
</li>
<li class=""><i class="step2"></i>
<p>填写核对购物信息</p>
<sub></sub>
 <div class="hr"></div>
</li>
<li class="current"><i class="step3"></i>
<p>支付提交</p>
<sub></sub>
<div class="hr"></div>
</li>
<li class=""><i class="step4"></i>
<p>订单完成</p>
<sub></sub>
<div class="hr"></div>
</li>
</ul>
</header>
</div>


<div class="ncc-wrapper">
<div class="ncc-main">
<div class="ncc-title">
<h3>支付提交</h3>
<h5>订单详情内容可通过查看<a href="index.php?act=member_order" target="_blank">我的订单</a>进行核对处理。</h5>
</div>
<form action="index.php?act=payment&op=real_order" method="POST" id="buy_form">
<input type="hidden" name="pay_sn" value="800589913659866005">
<input type="hidden" id="payment_code" name="payment_code" value="">
<div class="ncc-receipt-info">
<div class="ncc-receipt-info-title">
<h3>请您及时付款，以便订单尽快处理！ 在线支付金额：<strong></strong>
</h3>
</div>
<table class="ncc-table-style"></table>
</div>
<div class="ncc-receipt-info">
<div class="ncc-receipt-info-title">
<h3>支付选择</h3>
</div>
<ul class="ncc-payment-list">
<li payment_code="alipay">
<label for="pay_alipay">
<i></i>
<div class="logo" for="pay_2"> <img src="http://beian.80wlkj.com/shop/templates/default/images/payment/alipay_logo.gif" /> </div>
</label>
</li>
</ul>
</div>
<div class="ncc-bottom tc mb50"><a href="javascript:void(0);" id="next_button" class="ncc-btn ncc-btn-green"><i class="icon-shield"></i>确认提交支付</a></div>
</form>
</div>
<script type="text/javascript">
$(function(){
    $('.ncc-payment-list > li').on('click',function(){
    	$('.ncc-payment-list > li').removeClass('using');
        $(this).addClass('using');
        $('#payment_code').val($(this).attr('payment_code'));
    });
    $('#next_button').on('click',function(){
        if ($('#payment_code').val() == '') {
        	alert('请选择支付方式', 'error','','','','','','','','',2);return false;
        }
        window.location.href ="./alipay.html"
    });
});
</script>
</div>
<div class="footer">
    <ul class="server">
        <li>
            <img src="../imgs/index/01.png">
        </li>
        <li>
            <img src="../imgs/index/02.png">
        </li>
        <li>
            <img src="../imgs/index/03.png">
        </li>
        <li>
            <img src="../imgs/index/04.png">
        </li>
    </ul>
    <ul class="firmInfo">
        <img class="firmInfo__logo" src="../imgs/index/logo.png">
        <div class="firmInfo__text">
            <div style="font-size:14px;color:#666;line-height:30px;">
                公司电话：
            </div>
            <div class="firmPhone">
                400-100-0000
            </div>
            <div class="firmArea">
                公司地址：杭州市萧山区金城路358号蓝爵国际写字楼
            </div>
        </div>
        <div class="firmInfo__QRCode">
            <img src="../imgs/index/logo.png">
            <p>了解更多</p>
        </div>
        
    </ul>
</div>
<script type="text/javascript" src="http://beian.80wlkj.com/data/resource/js/jquery.cookie.js"></script>
<link href="http://beian.80wlkj.com/data/resource/js/perfect-scrollbar.min.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://beian.80wlkj.com/data/resource/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="http://beian.80wlkj.com/data/resource/js/qtip/jquery.qtip.min.js"></script>
<link href="http://beian.80wlkj.com/data/resource/js/qtip/jquery.qtip.min.css" rel="stylesheet" type="text/css">

<script src="http://beian.80wlkj.com/shop/resource/js/compare.js"></script>
<script type="text/javascript">
$(function(){
	// Membership card
	$('[nctype="mcard"]').membershipCard({type:'shop'});
});
</script>
<script>
//提示信息
$('.tip').poshytip({
	className: 'tip-yellowsimple',
	showOn: 'hover',
	alignTo: 'target',
	alignX: 'center',
	alignY: 'top',
	offsetX: 0,
	offsetY: 5,
	allowTipHover: false
});
</script>
<script type="text/javascript">
//动画显示边条内容区域
$(function() {
	$(".quick-menu dl").hover(function() {
		$(this).addClass("hover");
	},
	function() {
		$(this).removeClass("hover");
	});
 });
</script>
<script type="text/javascript">
    $(function(){
        var username = storage.getStorage('username')||'';
        $('#username').html(username);
        if(!username){
            $('#loginIn').show();
            $('#register').show();
            $('#loginOut').hide();
        }else{
            $('#loginIn').hide();
            $('#register').hide();
            $('#loginOut').show();
        }
        $('#loginIn').click(function(){
            window.location.href = "./login.html"
        })
        $('#register').click(function(){
            window.location.href = "./register.html"
        })
        $('#loginOut').click(function(){
            storage.storageClear();
            window.location.href = "./login.html"
        })
        $('.goodsList ul li').click(function(){
            var href = './goodsDetail.html?id=' + this.id;
            window.location.href = href;
        })
    })
</script>
<script type="text/javascript"  charset="gbk">
    $(function(){
        var url ='http://192.168.0.120:8080/ymshoping/getJSON?token='+storage.getStorage('token');
        var orderNum = getQueryString('orderNum');
        if(orderNum){
            url = 'http://192.168.0.120:8080/ymshoping/queryOrder?token='+storage.getStorage('token')+'&orderNum=' + orderNum;
        }
  
    $.ajax({
                url:url,
                dataType:'jsonp',
                jsonp:'callback',//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(默认为:callback)
                jsonpCallback:"success_jsonpCallback",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名
                contentType: 'application/json; charset=utf-8',
                success:function(res){
                    console.log(res.order);
                    var str = '';
                    var table = '';
                    var totalPrice = '';
                    res.order.forEach(function(item,index){
                        console.log(item);
                        str += '<tr><td></td><td class="tl">'+item.orderNum+'</td><td class="tl">'+item.pay+'</td><td class="tl">'+parseFloat(item.shopsMoney).toFixed(2)+'</td><td>'+item.logistics+'</td></tr>';
                        totalPrice += parseFloat(item.shopsMoney).toFixed(2);
                    })
                    table = '<thead><tr><th class="w50"></th><th class="w200 tl">订单号</th><th class="tl w150">支付方式</th><th class="tl">金额</th><th class="w150">物流</th></tr></thead><tbody>'+str+'</tbody>';
                    $('.ncc-receipt-info-title strong').html(totalPrice);
                    $('.ncc-table-style').html(table);
                },
                error:function(res){
                    console.log(res.responseText);
                }
            });
      })
</script>
</body>
</html>
